<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Safari Bug</title>
</head>
<body>
	<div style="width: 100px; border: #000000 5px solid;">
		<table style="table-layout: fixed;" width="100%">
			<tr>
				<td style="width: 100%; background-color: #ff0000;">&nbsp;</td>
				<td style="width: 10px; background-color: #00ff00;">&nbsp;</td>
			</tr>
		</table>
	</div>
	<p>
		Note that, in Safari, the red cell size changes relatively to the green
		cell size.
	</p>
	<div style="width: 100px; border: #000000 5px solid;">
		<table style="table-layout: fixed;" width="100%">
			<tr>
				<td style="width: 100%; background-color: #ff0000;">&nbsp;</td>
				<td style="width: 30px; background-color: #00ff00;">&nbsp;</td>
			</tr>
		</table>
	</div>
	<p>
		The following works propertly because the table doesn't have
		<b>table-layout:fixed</b> (whithout it, the green cell size is not
		respected, and this is the expected behavior in this case).
	</p>
	<div style="width: 100px; border: #000000 5px solid;">
		<table width="100%">
			<tr>
				<td style="width: 100%; background-color: #ff0000;">&nbsp;</td>
				<td style="width: 30px; background-color: #00ff00;">&nbsp;</td>
			</tr>
		</table>
	</div>
	<p>
		The following is here just to check that the inner table doesnt forces
		the above DIV to expand (it has the exact same width).
	</p>
	<div style="width: 100px; border: #000000 5px solid;">
		&nbsp;
	</div>
</body>
</html>
